body {
        font-family      : Arial, Verdana, Helvetica, sans-serif;
        font-size        : 12px;
        line-height      : 20px;
        background-color : #0095cc;
        }
        
        
h1, h2, h3, h4, h5, h6 { 
        font-family : Arial, Verdana, Helvetica, sans-serif; 
        color       : #015297;
        font-weight : bold;
        }
h1 { font-size : 30px; line-height : 32px; }
h2 { font-size : 16px; }
h3 { font-size : 14px; }
h4 { font-size : 12px; }
h5 { font-size : 12px; }
h6 { font-size : 12px; }     

a         { color : #015297; }
a:hover   { color : #015297; text-decoration : none; }
a:visited { color : #015297; }       

p { margin-bottom : 15px; }

ul { margin-bottom : 15px; }

p.faq-heading {
        clear                           : both;
        padding-top             : 20px;
        color                           : #015297;
        font-weight             : bold;
        font-size                       : 14px;
        margin-bottom   : 0;
}

span.faq-question {
        float                   : left;
        clear                   : both;
        color                   : #015297;
        cursor                  : pointer;
        margin                  : 0 0 0 40px;           
        font-weight     : bold;
}

p.faq-answer {
        clear                   : both;
        margin                  : 0 0 0 40px;   
        display                 : none; 
        margin-bottom: 20px;
}
        
#site {
        width            : 1026px;
        margin           : 0px auto;
        position         : relative;
        }         
        
        
     
        #header .wrapper {
                padding : 0px 60px;
                }
        
                #header .wrapper .logo-left {
                        float : left;
                        width : 300px;
                        }

                #header .wrapper .logo-right {
                        float       : right;
                        width       : 440px;
                        }  

                        #header .wrapper .logo-right img {
                                float : left;
                                margin-left : 0px;
                                }    
                                
                        #header .wrapper .logo-right div.slogan {
                                top         : 110px;
                                right       : 93px;
                                width       : 230px;
                                position    : absolute;
                                }                                 
        
#footer {
        min-height : 50px;
        margin     : 0 20px;
        padding    : 10px 0;
        color      : #ffffff;
        } 
        
        #footer a         { color : #ffffff; text-decoration : none; }
        #footer a:hover   { color : #ffffff; text-decoration : underline; }
        #footer a:visited { color : #ffffff; }   
        
        #footer .wrapper .left-column {
                float : left;
                width : 400px;
                }
                
        #footer .wrapper .right-column {
                float      : right;
                width      : 400px;
                text-align : right;
                }                
        
#content {
        width            : 860px;
        margin           : -6px auto 0 auto;
        padding          : 0 30px 30px 30px;
        background-color : #ffffff;
        }   
        
        #content a.active         { color : #32ae04; }
        #content a:hover.active   { color : #32ae04; }
        #content a:visited.active { color : #32ae04; }
        
        #content .home-screen {
                padding-top : 10px;               
                }   
        
                #content .home-screen .left-column {
                        padding-top : 15px;
                        float       : left;
                        width       : 510px;
                        }
                        
                        #content .home-screen .left-column .three-steps-icon img {
                                margin : 20px 0 5px 0;
                                }
                               
                        #content .home-screen .left-column ol.three-steps { 
                                margin-left : 30px;
                                }
                               
                                #content .home-screen .left-column ol.three-steps li {
                                        float       : left;
                                        font-weight : bold;
                                        }
                                        
                                        #content .home-screen .left-column ol.three-steps li.afterone {
                                                margin-left : 83px;
                                                }                                        
                                
                                

                #content .home-screen .right-column {
                        float                           : right;
                        padding-left    : 20px;
                        width                           : 325px;
                        }        
                        
                        #content .home-screen .right-column #info-box {
                                background-color : #99d5eb;
                                padding          : 15px 20px 25px 20px;
                                }
                                
                                #content .home-screen .right-column #info-box ul#questions {
                                        margin  : 0;
                                        padding : 0;
                                        list-style      : none;
                                        list-style-type : none;
                                        }
                                        
                                        #content .home-screen .right-column #info-box ul#questions li {
                                                font-weight    : bold;
                                                padding-bottom : 2px;
                                                }
        
                                #content .home-screen .right-column #info-box #answer {
                                        border-top : #236b96 20px solid;
                                        background : #ffffff; 
                                        margin-top : 10px;
                                        padding    : 5px; 
                                        width      : 300px; 
                                        height     : 285px; 
                                        overflow   : auto;
                                        }
        
        #content .selections {
                padding-bottom : 15px;
                }
                
                #content .selections .icon {
                        width : 260px;
                        float : left;
                        }
                        
                        #content .selections .icon h2 {
                                margin    : 10px 0 0 10px ;
                                color     : #069403;
                                font-size : 18px;
                                }
                                
                #content .selections .text-location {
                        padding-top : 10px;
                        font-size   : 14px;
                        color       : #025ca5;
                        width       : 500px;
                        float       : right;
                        }

                #content .selections .text-location-after {
                        padding-top : 1px;
                        font-size   : 14px;
                        color       : #025ca5;
                        width       : 460px;
                        float       : left;
                        text-align  : justify;
                        }
                        #content table.location {
                                width : 100%
                                }
                        #content .selections .text-location-after table.location {
                                color      : #000000;
                                font-size  : 12px;
                                text-align : right;
                                }
                                
                                #content .selections .text-location-after table.location span.box {
                                        border  :#000000 1px solid;
                                        padding : 0 5px;
                                        }
                                        
                #content .selections .map-thumbnail {
                        float : right;
                        width : 120px
                        }

        #content .wrapper-location { }
        
                #content .wrapper-location .left-column {
                        width : 360px;
                        float : left;
                        }
                        
                #content .wrapper-location .right-column {
                        width : 500px;
                        float : right;
                        }                        


        #content .wrapper-solution { }
        
                #content .wrapper-solution .left-column {
                        width : 360px;
                        float : left;
                        }
                        
                #content .wrapper-solution .right-column {
                        width : 500px;
                        float : right;
                        }

@media print {
        #header {
                border-bottom : #015297 5px solid;  
                height        : 220px;
                margin-bottom : 20px;
                }
                
                #header .wrapper .logo-right {
                        display    : none;
                        visibility : hidden; 
                        }
        }

#mapWrapper {
  margin-top : 3px;
}

#interactiveMap {
  width  : 498px;
  height : 475px;
  border : 1px solid #B5B8C8;
}

#parcelsOnMapGrid {
  margin-top : 3px;
  width  : 355px;
  border : 1px solid #B5B8C8;
  !height must be set in go.js
}

#ownerNameSearch {
  !width must be set in go.js
}

#googleSearch {
  !width must be set in go.js
}

#regulatedOnlyCheckbox {
  margin-top : 2px;
}

#solutionThumb {
  width  : 117px;
  height : 116px;
  border : 1px solid #B5B8C8;
}

#tradingThumb {
  width  : 117px;
  height : 116px;
  border : 1px solid #B5B8C8;
}

#goals {
  width : 355px;
}

.bmpRadio {
  margin-top : -3px;
  width : 200px;
}

#bmpGoals {
  font: 11px arial,tahoma,helvetica,sans-serif;
}

#bmpGoals td {
  padding : 7px;
}

.x-form-cb-label {
  font: 11px arial,tahoma,helvetica,sans-serif;
}

.bmpName {
  width : 150px;
  font: 11px arial,tahoma,helvetica,sans-serif;
  font-weight : bold;
}

.x-form-item-label {
  font: 11px arial,tahoma,helvetica,sans-serif;
  font-weight : bold;
}
.x-form-item label.x-form-item-label {
  padding-top : 5px !important;
}

#parcelResultsGrid {
  width  : 355px;
}

#parcelResultsGrid .x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
  background : none !important;
  padding-left : 3px;
  padding-top : 7px;
  padding-bottom : 2px;
}
#parcelResultsGrid .x-grid3-cell-inner, .x-grid3-hd-inner {
  padding-top : 7px;
  padding-bottom : 2px;
}
#parcelResultsGrid .x-props-grid .x-grid3-body .x-grid3-td-name {
  border-right : none !important;
  background : none !important;
}
#parcelResultsGrid .x-grid3-row {
  border : none !important;
}
#parcelResultsGrid .x-grid3 {
  background : none !important;
}
#parcelResultsGrid .x-panel-body {
  background : none !important;
}

#finalSolution {
  visibility : hidden;
}

#parcelsCreditGrid {
  border : 1px solid #B5B8C8;
  !height must be set in go.js
}

#creditsDeficits .x-form-cb-label {
  font: 12px Arial,Verdana,Helvetica,sans-serif !important;
}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

#recommendation {
  visibility : hidden;
}

#thumbDetailsWindow td {
  padding : 5px;
  width : 100%;
  text-align : justify;
}

.highlightTitle {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size   : 12px;
  color       : #069403;
  font-weight : bold;
}

#stormwaterControlDetailsWindow td {
  text-align : justify;
  padding    : 5px;
}

#stormwaterControlCosts table {
  width : 100%;
}
#stormwaterControlCosts .thumbTd {
  width : 153px;
}
#stormwaterControlCosts .thumbImg {
  background : none repeat scroll 0 0 #DDDDDD;
  padding : 3px;
}

#thumbDetailsWindow .x-form-check-wrap {
  background : white !important;
  text-align : right !important;
  padding-right : 5px;
  padding-bottom : 5px;
}

.blueRow {
  background-color : #ccdeed;
}
.blueRow td {
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
}

#siteConstraints .x-panel-body {
  background : none !important;
}

.tradingHypothetical {
  text-align : right;
  width : 560px;
  color : #808080;
}

#tradingThumbDetails {
  width : 100%;
}
#tradingThumbDetails td {
  text-align : right;
}
#tradingThumbDetails .val {
  width : 70px;
}

#summary td {
  padding : 4;
}

.submitSolutionLink a {
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size   : 13px;
  color       : #069403;
  font-weight : bold;
}

      div#site_information{
        font-size: smaller;
      }
      div#site_information p {
        margin-bottom:0;
        line-height:12px;
      }
      div#site_information p.heading{
        font-size:12px;
        font-weight:bold;
        margin-bottom: 2px;
      }
      div#site_information label.item {
        margin-right:5px;
        font-weight:bold;
      }
      div#site_information table {
        border:2px solid #F0DDDD;
        margin-bottom: 15px;
      }
      div#site_information table tr td {
        padding: 2px;
      }
      div#site_information table tr td:first-child {
        width: 200px;
        border-right: 2px solid #F0DDDD;
      }
      div#part_one {
        margin-bottom: 10px;
      }

p.notice{
        width: 215px;
        text-align: middle;
        color: #015297;
        font-weight: bold;
        font-size: 12px;
}

div#small_map {
        clear: both;
        float: right;
        width: 100px;
        height: 100px;
        background-color: red;
}       

table#info-window {
  display: none;
  border: 4px solid #8fb9d0;
  background-color: #ddd;
  position: absolute;
  top: 35%;
  left: 35%;
  width: 400px;
  z-index : 1001;
}
table#info-window tr td {
  padding: 10px;
}

table#blue-box {
  margin-left: auto;
  margin-right: auto;
  font-size: 11px;
  border: 4px solid #8fb9d0;
  background: url('../images/blue_bkgd.png') #d3eefb no-repeat top left;
  width: 250px;
}
table#blue-box td{
  padding-left: 16px;
  padding-right: 16px;
}
table#blue-box p {
  margin-bottom: 20px;
}
table#blue-box label {
  cursor: default;
}
table#blue-box .first {
  display: block !important;
}
table#blue-box label.item {
  font-weight: bold;
  margin-right: 5px;
}

div.progress-bar {
  margin: 10px 0 15px 0;
  height: 43px;
}

div#step-one {
  background: url('../images/1of6.png') repeat-y top center;
}

div#step-two {
  background: url('../images/2of6.png') repeat-y top center;
}
 
div#step-three {
  background: url('../images/3of6.png') repeat-y top center;
}

div#step-four {
  background: url('../images/4of6.png') repeat-y top center;
}

div#step-five {
  background: url('../images/5of6.png') repeat-y top center;
}

div#step-six {
  background: url('../images/6of6.png') repeat-y top center;
}

table.standard-table {
  border:1px solid #bbb;
  border-collapse:collapse;
}

table.standard-table td {
  padding:5px;
  border:1px solid #ccc;
  text-align:left;
  vertical-align:top;
}

table.standard-table td.header,table.standard-table th {
  border:1px solid #bbb;
  padding:0 5px;
  background:#eee;
  text-align:left;
  font-weight:bold;
}
